<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	<!-- 引用bootstrap -->
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css">

	<style >
	/*把按键改成红色*/
  .btn-primary{
  	background-color: #a20;
  	border-color: #a20
  } 
  .container-small {
		max-width: 30%;		
  }
	</style>
	<script src="new.js"></script>
	<script src="jquery.js"></script>
  <!--      jquery    -->
  <script type="text/javascript">
  $(document).ready(function(){
  	$("#heading").fadeIn(2000);
  	$("#move").fadeIn(1000);
  	$("#move").animate({  		
  		left:'740px',
  		top:'175px'
  	});
  	$("#forms").fadeIn(1000);
  })		
  </script>

</head>
<body style="background-color: rgb(200,200,169);">  
<font id="move" style="position: absolute; display: none;" color="red"; size="4">欢迎你~</font>
<div class="container container-small">
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
	<h1  class="text-center" id="heading" style="display: none;">风流技术部</h1>
	<hr/>
	<form id="forms" style="display: none;">
		<!-- <div class="alert alert-success">登录成功~正在跳转...</div> -->
		<div class="form-group">
		  <label>用户名</label>
		  <input class="form-control" type="text" id="acc">
		</div>

		<div class="form-group">
			<label>密码</label>
			<input class="form-control" type="password" id="pw">
		</div>
		<div class="form-group text-center">
			<input type="checkbox" name="choice">
			<b > 记住我 </b>
		</div>
		<div class="form-group text-center">
			<b>
			<!-- <a href="http://butui.gitee.io/test_pages/register.html"> 没有账号？ </a>  -->
			<a href="http://butui.gitee.io/test_pages/register.html"> 没有账号？ </a>
			<!-- <a href=""> 忘记密码？ </a>  -->
			</b> 
    </div>
		<div class="form-group">	
		  <input type="button" value="登录" class="btn btn-primary btn-block" onclick="match();">
		</div>
		
	</form>
</div>
</body>
</html>